.content {
    min-height       : 600px;
    background-color : #5f5f5f;
    display          : flex;
    flex             : 1;
    flex-direction   : column;
    background-repeat: round;
    position         : relative;
    background-size  : 100% 100%;
}

.main-title {
    padding: 15px;
}

.sub-title {
    padding: 15px;
}

.time-panel {
    flex           : 1;
    display        : flex;
    flex-direction : column;
    align-items    : center;
    justify-content: center;

    .time-item {
        display         : flex;
        border-radius   : 3px;
        background-color: #FF3B3040;
        color           : #fff;
        margin          : 20px;
        min-width       : 500px;
        justify-content : space-between;
        align-items     : center;

        .sp-time {
            // font-family     : 'Courier New', Courier, monospace;
            margin          : 10px;
            padding         : 10px;
            background-color: #FF3B30;
            box-shadow      : 0 1px 4px rgba(0, 21, 41, 0.08);
            border-radius   : 3px;
        }
    }
}

.buttom-panel {
    color          : #ffff;
    padding        : 20px;
    display        : flex;
    flex-direction : column;
    justify-content: center;
    width          : 100%;
    align-items    : center;

    div {
        margin-bottom: 20px;
    }
}

.m-l {
    margin-left: 15px;
}

.top-panel {
    color          : #ffff;
    padding        : 20px;
    display        : flex;
    flex-direction : column;
    justify-content: center;
    align-items    : center;
}

.top-bar {
    display    : flex;
    padding    : 15px;
    width      : 100%;
    align-items: center;
}

.box-shadow {
    box-shadow         : 0 1px 4px rgba(0, 21, 41, 0.18);
    // margin          : 10px;
    width              : 100%;
    background-color   : #fff;
    display            : flex;
    flex-direction     : column;
}

.edit-img-btn {
    position: absolute;
    bottom  : 20px;
    right   : 20px;

    button {
        background-color: transparent;
        color           : #fff;
    }
}


.icon-btn {
    color           : #000;
    background-color: #ccc;
    border-radius   : 50%;
}

.no-border {
    border          : none;
    background-color: transparent;
    box-shadow      : none;
    color           : #fff;
    text-align      : center;
    width           : 100%;
}